.vertical-menu-wrapper,
.horizontal-menu-wrapper {
  ul {
    li,
    .title {
      font-family: $font-family;
      font-weight: $font-weight-sm;
      font-size: $font-size-lg;
      text-align: left;
      padding: $padding-base;
      cursor: pointer;
      @include font-color('text-color');
      span {
        margin-left: $margin-base;
      }
    }
  }
  .title {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .sub-menu-wrapper {
    ul {
      li {
        margin: 0 $margin-base * 2;
      }
    }
  }
  .menu-item:hover,
  .title:hover,
  .menu-item.active {
    color: $hover;
  }
}
.horizontal-menu-wrapper {
  ul {
    display: flex !important;
  }
}
